<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> - 简单生活,轻松应聘</title>
    <link rel="icon" href="./imgs/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/common/footer.css">
    <link rel="stylesheet" href="./css/common/nav.css">
    <link rel="stylesheet" href="./css/index.css">
    <!-- <link rel="stylesheet" href="./plugins/bootstrap/css/bootstrap.css"> -->
</head>

<body>
    <!-- 头部 -->
    <div class="myheader">
        <div class="inner">
            <!-- logo部分 -->
            <div class="logo">
                <a href="#"><img src="./imgs/轻聘3.png" alt=""></a>
            </div>
            <!-- 标题部分 -->
            <div class="nav">
                <ul>
                    <li><a href="#">全国站<span id="tip">[切换城市]</span></a>

                    </li>
                    <li><a href="./index.html" class="active">首页</a></li>
                    <li><a href="./view/recruitment/recruitment.html">职位</a></li>
                    <li><a href="./view/company/company.html">公司</a></li>
                </ul>
            </div>
            <!-- 信息部分 -->
            <div class="info">
                <ul>
                    <li><img src="./imgs/avatar.jpeg" alt=""></li>
                    <li class="drop">
                        <a href="#">刘文秀</a>
                        <div class="dropdown">
                            <a href="./view/employee/employee_info.html">个人中心</a>
                            <a href="./view/employee/account_settings.html">账号设置</a>
                            <a href="./view/collection/mycollection.html">我的收藏</a>
                            <a href="./view/login/login_enterprise1.html">切换为招聘者</a>
                            <a href="./view/login/login1.html">退出登录</a>
                        </div>
                    </li>
                    <li><a href="#">消息</a></li>
                    <li><a href="./view/resume/resume.html">简历</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="search">
        <div class="inner">
            <form action="#" class="search-form">
                <input class="search-content" type="text" placeholder="输入职位/公司">
                <input class="search-button" type="submit" value="搜索">
            </form>
            <div class="search-hot">
                <span>热门搜索 : </span>
                <div class="hotwords">
                    <ul>
                        <li><a href="#">自动化</a></li>
                        <li><a href="#">Java工程师</a></li>
                        <li><a href="#">前端工程师</a></li>
                        <li><a href="#">UI设计</a></li>
                        <li><a href="#">产品经理</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="middler">
        <div class="inner" style="height: 355px;">
            <div class="category-list">
                <ul>
                    <li>
                        <h2>技术</h2>
                        <span>|</span>
                        <a href="#">Java</a>
                        <a href="#">PHP</a>
                        <a href="#">C++</a>
                        <a href="#">区块链</a>
                        <a href="#">Android</a>
                        <a href="#">IOS</a>
                    </li>
                    <li>
                        <h2>产品</h2>
                        <span>|</span>
                        <a href="#">产品经理</a>
                        <a href="#">产品总监</a>
                        <a href="#">数据产品经理</a>
                        <a href="#">游戏策划</a>
                    </li>
                    <li>
                        <h2>技术</h2>
                        <span>|</span>
                        <a href="#">Java</a>
                        <a href="#">PHP</a>
                        <a href="#">C++</a>
                        <a href="#">区块链</a>
                        <a href="#">Android</a>
                        <a href="#">IOS</a>
                    </li>
                    <li>
                        <h2>产品</h2>
                        <span>|</span>
                        <a href="#">产品经理</a>
                        <a href="#">产品总监</a>
                        <a href="#">数据产品经理</a>
                        <a href="#">游戏策划</a>
                    </li>
                    <li>
                        <h2>技术</h2>
                        <span>|</span>
                        <a href="#">Java</a>
                        <a href="#">PHP</a>
                        <a href="#">C++</a>
                        <a href="#">区块链</a>
                        <a href="#">Android</a>
                        <a href="#">IOS</a>
                    </li>
                    <li>
                        <h2>产品</h2>
                        <span>|</span>
                        <a href="#">产品经理</a>
                        <a href="#">产品总监</a>
                        <a href="#">数据产品经理</a>
                        <a href="#">游戏策划</a>
                    </li>
                    <li>
                        <h2>技术</h2>
                        <span>|</span>
                        <a href="#">Java</a>
                        <a href="#">PHP</a>
                        <a href="#">C++</a>
                        <a href="#">区块链</a>
                        <a href="#">Android</a>
                        <a href="#">IOS</a>
                    </li>
                    <li>
                        <h2>产品</h2>
                        <span>|</span>
                        <a href="#">产品经理</a>
                        <a href="#">产品总监</a>
                        <a href="#">数据产品经理</a>
                        <a href="#">游戏策划</a>
                    </li>
                </ul>
            </div>
            <div class="middler-picture">
                <img src="./imgs/banner_pic.jpg" alt="">
            </div>
        </div>
    </div>
    <!-- 热门职位 -->
    <div class="hot-positions">
        <div class="inner">
            <div class="title">
                <h2>热招职位</h2>
            </div>
            <div class="positions-box">
                <div class="box-title">
                    <span class="active">热招职位</span>
                    <span>最新职位</span>
                </div>
                <div class="box-content">
                    <ul>
                        <li>
                            <div class="job-content">
                                <div class="job-content-title">
                                    <a href="./view/recruitment/recruitment_info.html">Java开发工程师</a>
                                    <span>6k-12k</span>
                                </div>
                                <div class="job-content-request">
                                    <span>苏州</span>
                                    <span>本科</span>
                                    <span>1-3年</span>
                                </div>
                                <div class="label">
                                    <span>SQL</span>
                                    <span>Spring</span>
                                    <span>SSM</span>
                                </div>
                            </div>

                            <div class="company-info">
                                <div class="company-name">
                                    <a href="./view/company/company_info.html">华为技术有限公司</a>
                                </div>
                                <div class="company-address">
                                    <span>苏州高新区科技城</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="job-content">
                                <div class="job-content-title">
                                    <a href="./view/recruitment/recruitment_info.html">Java开发工程师</a>
                                    <span>6k-12k</span>
                                </div>
                                <div class="job-content-request">
                                    <span>苏州</span>
                                    <span>本科</span>
                                    <span>1-3年</span>
                                </div>
                                <div class="label">
                                    <span>SQL</span>
                                    <span>Spring</span>
                                    <span>SSM</span>
                                </div>
                            </div>

                            <div class="company-info">
                                <div class="company-name">
                                    <a href="./view/company/company_info.html">华为技术有限公司</a>
                                </div>
                                <div class="company-address">
                                    <span>苏州高新区科技城</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="job-content">
                                <div class="job-content-title">
                                    <a href="./view/recruitment/recruitment_info.html">Java开发工程师</a>
                                    <span>6k-12k</span>
                                </div>
                                <div class="job-content-request">
                                    <span>苏州</span>
                                    <span>本科</span>
                                    <span>1-3年</span>
                                </div>
                                <div class="label">
                                    <span>SQL</span>
                                    <span>Spring</span>
                                    <span>SSM</span>
                                </div>
                            </div>

                            <div class="company-info">
                                <div class="company-name">
                                    <a href="./view/company/company_info.html">华为技术有限公司</a>
                                </div>
                                <div class="company-address">
                                    <span>苏州高新区科技城</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="job-content">
                                <div class="job-content-title">
                                    <a href="./view/recruitment/recruitment_info.html">Java开发工程师</a>
                                    <span>6k-12k</span>
                                </div>
                                <div class="job-content-request">
                                    <span>苏州</span>
                                    <span>本科</span>
                                    <span>1-3年</span>
                                </div>
                                <div class="label">
                                    <span>SQL</span>
                                    <span>Spring</span>
                                    <span>SSM</span>
                                </div>
                            </div>

                            <div class="company-info">
                                <div class="company-name">
                                    <a href="./view/company/company_info.html">华为技术有限公司</a>
                                </div>
                                <div class="company-address">
                                    <span>苏州高新区科技城</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="job-content">
                                <div class="job-content-title">
                                    <a href="./view/recruitment/recruitment_info.html">Java开发工程师</a>
                                    <span>6k-12k</span>
                                </div>
                                <div class="job-content-request">
                                    <span>苏州</span>
                                    <span>本科</span>
                                    <span>1-3年</span>
                                </div>
                                <div class="label">
                                    <span>SQL</span>
                                    <span>Spring</span>
                                    <span>SSM</span>
                                </div>
                            </div>

                            <div class="company-info">
                                <div class="company-name">
                                    <a href="./view/company/company_info.html">华为技术有限公司</a>
                                </div>
                                <div class="company-address">
                                    <span>苏州高新区科技城</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="job-content">
                                <div class="job-content-title">
                                    <a href="./view/recruitment/recruitment_info.html">Java开发工程师</a>
                                    <span>6k-12k</span>
                                </div>
                                <div class="job-content-request">
                                    <span>苏州</span>
                                    <span>本科</span>
                                    <span>1-3年</span>
                                </div>
                                <div class="label">
                                    <span>SQL</span>
                                    <span>Spring</span>
                                    <span>SSM</span>
                                </div>
                            </div>

                            <div class="company-info">
                                <div class="company-name">
                                    <a href="./view/company/company_info.html">华为技术有限公司</a>
                                </div>
                                <div class="company-address">
                                    <span>苏州高新区科技城</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="job-content">
                                <div class="job-content-title">
                                    <a href="./view/recruitment/recruitment_info.html">Java开发工程师</a>
                                    <span>6k-12k</span>
                                </div>
                                <div class="job-content-request">
                                    <span>苏州</span>
                                    <span>本科</span>
                                    <span>1-3年</span>
                                </div>
                                <div class="label">
                                    <span>SQL</span>
                                    <span>Spring</span>
                                    <span>SSM</span>
                                </div>
                            </div>

                            <div class="company-info">
                                <div class="company-name">
                                    <a href="./view/company/company_info.html">华为技术有限公司</a>
                                </div>
                                <div class="company-address">
                                    <span>苏州高新区科技城</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="job-content">
                                <div class="job-content-title">
                                    <a href="./view/recruitment/recruitment_info.html">Java开发工程师</a>
                                    <span>6k-12k</span>
                                </div>
                                <div class="job-content-request">
                                    <span>苏州</span>
                                    <span>本科</span>
                                    <span>1-3年</span>
                                </div>
                                <div class="label">
                                    <span>SQL</span>
                                    <span>Spring</span>
                                    <span>SSM</span>
                                </div>
                            </div>

                            <div class="company-info">
                                <div class="company-name">
                                    <a href="./view/company/company_info.html">华为技术有限公司</a>
                                </div>
                                <div class="company-address">
                                    <span>苏州高新区科技城</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="job-content">
                                <div class="job-content-title">
                                    <a href="./view/recruitment/recruitment_info.html">Java开发工程师</a>
                                    <span>6k-12k</span>
                                </div>
                                <div class="job-content-request">
                                    <span>苏州</span>
                                    <span>本科</span>
                                    <span>1-3年</span>
                                </div>
                                <div class="label">
                                    <span>SQL</span>
                                    <span>Spring</span>
                                    <span>SSM</span>
                                </div>
                            </div>

                            <div class="company-info">
                                <div class="company-name">
                                    <a href="./view/company/company_info.html">华为技术有限公司</a>
                                </div>
                                <div class="company-address">
                                    <span>苏州高新区科技城</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="hot-btn">
                <a class="btn" type="button" href="./view/recruitment/recruitment.html">查看更多</a>
            </div>
        </div>
    </div>
    <!-- 热门企业 -->
    <div class="hot-company">
        <div class="inner">
            <div class="title">
                <h2>热门企业</h2>
            </div>
            <div class="company-box">
                <div class="box-content">
                    <ul>
                        <li>
                            <div class="company-content">
                                <div class="logo"><img src="./imgs/company_logo.jpg" alt=""></div>
                                <div class="company-name"><a href="./view/company/company_info.html">微盟</a></div>
                                <div class="company-label">
                                    <p>已上市</p>
                                    <span class="vline"></span>
                                    <p>互联网</p>
                                </div>
                                <div class="job-info">
                                    <a href="./view/company/company_info.html"><span class="job-num">221</span>个热招职位</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="company-content">
                                <div class="logo"><img src="./imgs/company_logo.jpg" alt=""></div>
                                <div class="company-name"><a href="./view/company/company_info.html">微盟</a></div>
                                <div class="company-label">
                                    <p>已上市</p>
                                    <span class="vline"></span>
                                    <p>互联网</p>
                                </div>
                                <div class="job-info">
                                    <a href="./view/company/company_info.html"><span class="job-num">221</span>个热招职位</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="company-content">
                                <div class="logo"><img src="./imgs/company_logo.jpg" alt=""></div>
                                <div class="company-name"><a href="./view/company/company_info.html">微盟</a></div>
                                <div class="company-label">
                                    <p>已上市</p>
                                    <span class="vline"></span>
                                    <p>互联网</p>
                                </div>
                                <div class="job-info">
                                    <a href="./view/company/company_info.html"><span class="job-num">221</span>个热招职位</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="company-content">
                                <div class="logo"><img src="./imgs/company_logo.jpg" alt=""></div>
                                <div class="company-name"><a href="./view/company/company_info.html">微盟</a></div>
                                <div class="company-label">
                                    <p>已上市</p>
                                    <span class="vline"></span>
                                    <p>互联网</p>
                                </div>
                                <div class="job-info">
                                    <a href="./view/company/company_info.html"><span class="job-num">221</span>个热招职位</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="company-content">
                                <div class="logo"><img src="./imgs/company_logo.jpg" alt=""></div>
                                <div class="company-name"><a href="./view/company/company_info.html">微盟</a></div>
                                <div class="company-label">
                                    <p>已上市</p>
                                    <span class="vline"></span>
                                    <p>互联网</p>
                                </div>
                                <div class="job-info">
                                    <a href="./view/company/company_info.html"><span class="job-num">221</span>个热招职位</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="company-content">
                                <div class="logo"><img src="./imgs/company_logo.jpg" alt=""></div>
                                <div class="company-name"><a href="./view/company/company_info.html">微盟</a></div>
                                <div class="company-label">
                                    <p>已上市</p>
                                    <span class="vline"></span>
                                    <p>互联网</p>
                                </div>
                                <div class="job-info">
                                    <a href="./view/company/company_info.html"><span class="job-num">221</span>个热招职位</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="company-content">
                                <div class="logo"><img src="./imgs/company_logo.jpg" alt=""></div>
                                <div class="company-name"><a href="./view/company/company_info.html">微盟</a></div>
                                <div class="company-label">
                                    <p>已上市</p>
                                    <span class="vline"></span>
                                    <p>互联网</p>
                                </div>
                                <div class="job-info">
                                    <a href="./view/company/company_info.html"><span class="job-num">221</span>个热招职位</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="company-content">
                                <div class="logo"><img src="./imgs/company_logo.jpg" alt=""></div>
                                <div class="company-name"><a href="./view/company/company_info.html">微盟</a></div>
                                <div class="company-label">
                                    <p>已上市</p>
                                    <span class="vline"></span>
                                    <p>互联网</p>
                                </div>
                                <div class="job-info">
                                    <a href="./view/company/company_info.html"><span class="job-num">221</span>个热招职位</a>
                                </div>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
            <div class="hot-btn">
                <a class="btn" type="button" href="./view/company/company.html">查看更多</a>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer-info">
            <p>©2001-2021 阿尔法组.All Rights Reserved.</p>
            <p>简单生活,轻松应聘</p>
        </div>
    </div>
</body>

</html>